<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-radiogroup</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Radiogroup">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
        radiogroupは複数の中から一つを選択するコンポーネントを作成することができます。
    </lzshortdesc>
    <lztag>lz/radiogroup.xml</lztag>
</lzelement>

<p><tagname>radiogroup</tagname>コンポーネントは<tagname link="true">
radiobutton</tagname>のリストを中に含み、一度に一つの項目しか選択されないことを保証します。
初期化時にどれも選択されていない（selected属性が設定されていない）場合には、
一番初めの項目が選択されます。デフォルトでラジオボタンは垂直方向に配置されます。</p>

<p>
下記の例では、二番目のラジオボタンが選択されています。
表示されるテキストは各項目に設定されている値とは異なります。この例では、<tt>group1.value</tt>
は2になります。
</p>

<example>
&lt;canvas width="200" height="100"&gt;
  &lt;radiogroup id="group1"&gt;
    &lt;radiobutton value="1" text="one"/&gt;
    &lt;radiobutton value="2" text="two" selected="true"/&gt;
    &lt;radiobutton value="3" text="three"/&gt;
  &lt;/radiogroup&gt;
&lt;/canvas&gt;
</example>

<p>
ラジオグループは<tagname>view</tagname>のlayout属性をオーバーライドすることで
レイアウトを自分で設定することができます。下の例ではラジオボタンを二行に渡って表示するために
wrappinglayoutを使用しています。どこで改行を入れるかを明示するために、
height属性を与える必要があることに注意して下さい。
</p>

<example>
&lt;canvas width="200" height="100"&gt;
  &lt;radiogroup height="60" layout="class:wrappinglayout; axis:y"&gt;
    &lt;radiobutton value="1" text="one"/&gt;
    &lt;radiobutton value="2" text="two"/&gt;
    &lt;radiobutton value="3" text="three"/&gt;
    &lt;radiobutton value="4" text="four"/&gt;
    &lt;radiobutton value="5" text="five"/&gt;
    &lt;radiobutton value="6" text="six"/&gt;
  &lt;/radiogroup&gt;
&lt;/canvas&gt;
</example>

<p>
A <tt>radiogroup</tt>は<tagname>baselistitem</tagname>.
（を継承したコンポーネント）のセットを中に含めることができます。ラジオボタンの外見を変更するには、
<tagname>radiobutton</tagname>の代わりに<tagname>baselistitem</tagname>
を継承したクラスを作成して下さい。
</p>

<seealso>
<tags>radiobutton baselistitem</tags>
<component-design id="radio" title="Radio Button"/>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
